<template>
  <div class="Aside">
    <el-aside style="overflow: hidden;width: auto;">
      <el-menu
          router
          default-active="/admin/home"
          class="el-menu-vertical-demo"
          @open="handleOpen" @close="handleClose"
          :collapse="isCollapse"
          :unique-opened="true">

        <div class="admin-login">
          <h1>Silver Sky ERP</h1>
        </div>

<!--        首页导航-->
        <el-menu-item index="/admin/home">
          <i class="el-icon-s-home"></i>
          <span slot="title">主页</span>
        </el-menu-item>

<!--        零售管理导航板块-->
        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-present"></i>
            <span slot="title">零售管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/admin/retailOut-warehouse"><i class="el-icon-tickets"></i>零售出库</el-menu-item>
            <el-menu-item index="/admin/retail-return"><i class="el-icon-tickets"></i>零售退货</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        采购管理导航模块-->
        <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-refresh"></i>
            <span slot="title">采购管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index=""><i class="el-icon-tickets"></i>采购订单</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>采购入库</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>采购退货</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        销售管理导航模块-->
        <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-shopping-cart-2"></i>
            <span slot="title">销售管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index=""><i class="el-icon-tickets"></i>销售订单</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>销售出库</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>销售退货</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        仓库管理导航模块-->
        <el-submenu index="5">
          <template slot="title">
            <i class="el-icon-document"></i>
            <span slot="title">仓库管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/OtherStorage"><i class="el-icon-tickets"></i>其它入库</el-menu-item>
            <el-menu-item index="/OtherOutbound"><i class="el-icon-tickets"></i>其它出库</el-menu-item>
            <el-menu-item index="/TransferOut"><i class="el-icon-tickets"></i>调拨出库</el-menu-item>
            <el-menu-item index="/AssemblyList"><i class="el-icon-tickets"></i>组装单</el-menu-item>
            <el-menu-item index="/DisassemblyList"><i class="el-icon-tickets"></i>拆卸单</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        盘点业务导航模块-->
        <el-submenu index="6">
          <template slot="title">
            <i class="el-icon-timer"></i>
            <span slot="title">盘点业务</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index=""><i class="el-icon-tickets"></i>盘点录入</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>盘点复盘</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        财务管理导航模块-->
        <el-submenu index="7">
          <template slot="title">
            <i class="el-icon-data-line"></i>
            <span slot="title">财务管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/admin/finance/income"><i class="el-icon-tickets"></i>收入单</el-menu-item>
            <el-menu-item index="/admin/finance/expense"><i class="el-icon-tickets"></i>支出单</el-menu-item>
            <el-menu-item index="/admin/finance/proceeds"><i class="el-icon-tickets"></i>收款单</el-menu-item>
            <el-menu-item index="/admin/finance/payment"><i class="el-icon-tickets"></i>付款单</el-menu-item>
            <el-menu-item index="/admin/finance/transfer"><i class="el-icon-tickets"></i>转账单</el-menu-item>
            <el-menu-item index="/admin/finance/advance_payment"><i class="el-icon-tickets"></i>收预付款</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        生产管理导航模块-->
        <el-submenu index="8">
          <template slot="title">
            <i class="el-icon-attract"></i>
            <span slot="title">生产管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/PT"><i class="el-icon-tickets"></i>生产任务</el-menu-item>
            <el-menu-item index="/DOM"><i class="el-icon-tickets"></i>DOM管理</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

<!--        -->
        <el-submenu index="9">
          <template slot="title">
            <i class="el-icon-pie-chart"></i>
            <span slot="title">报表查询</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index=""><i class="el-icon-tickets"></i>商品库存</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>账户统计</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>采购统计</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>销售统计</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>入库明细</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>出库明细</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>调拨明细</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>入库汇总</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>出库汇总</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>进销存统计</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>客户对账</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>供应商对账</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>库存预警</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>销售占比</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>销售排行</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>负库存统计</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>利润报表</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>多属性库存</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>序列号统计</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>批次库存</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="10">
          <template slot="title">
            <i class="el-icon-shopping-bag-1"></i>
            <span slot="title">商品管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/MerchandiseCategories"><i class="el-icon-tickets"></i>商品类别</el-menu-item>
            <el-menu-item index="/CommodityInformation"><i class="el-icon-tickets"></i>商品信息</el-menu-item>
            <el-menu-item index="/MeasuringUnit"><i class="el-icon-tickets"></i>计量单位</el-menu-item>
            <el-menu-item index="/MultiAttribute"><i class="el-icon-tickets"></i>多属性</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="11">
          <template slot="title">
            <i class="el-icon-postcard"></i>
            <span slot="title">基本资料</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index=""><i class="el-icon-tickets"></i>供应商信息</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>客户信息</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>会员信息</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>仓库信息</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>收支项目</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>结算账户</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>经手人管理</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>车辆管理</el-menu-item>
            <el-menu-item index=""><i class="el-icon-tickets"></i>客户跟进</el-menu-item>
          </el-menu-item-group>
        </el-submenu>

        <el-submenu index="12">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span slot="title">系统管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/admin/system/RoleList"><i class="el-icon-tickets"></i>角色管理</el-menu-item>
            <el-menu-item index="/admin/system/UserList"><i class="el-icon-tickets"></i>用户管理</el-menu-item>
            <el-menu-item index="/admin/system/OrganizationList"><i class="el-icon-tickets"></i>机构管理</el-menu-item>
            <el-menu-item index="/admin/system/LogList"><i class="el-icon-tickets"></i>日志管理</el-menu-item>
            <el-menu-item index="/admin/system/SystemConfigList"><i class="el-icon-tickets"></i>系统配置</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </el-aside>
  </div>
</template>


<style>
* {
  margin: 0;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
</style>

<style>
.el-menu {
  border-right: transparent;
}
.admin-login {
  height: 60px;
  background: #1890ff;
  color: white;
}

.admin-login h1 {
  display: inline-block;
  font-size: 23px;
  height: 28px;
  margin-top: 15px;
  overflow: hidden;
}
.admin-logout{
  float: right;
}
</style>

<script>
import bus from '../assets/js/eventBus'
export default {
  name: "Aside",
  props: {
    msg: Boolean
  },
  data() {
    return {
      isCollapse: true
    }
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
  },
  mounted(){
    bus.$on('todosAll',res => {
      this.isCollapse = res;
      console.log(res)
    })
  }
}
</script>